<template>
	<template v-if="gender == 1">
		<wd-icon :class="Class" :name="MaleIconName"  :size="IconSize"/>
	</template>
	<template v-if="gender == 2">
		<wd-icon :class="Class" :name="FemaleIconName" :size="IconSize"/>
	</template>
</template>

<script setup>
	import {ref} from 'vue'
	defineProps(["gender","size","background"])
	let Class = ref("user-gender-icon user-gender-female-color")
	// 图标大小
	let IconSize = ref("25rpx")
	// 男生图标
	let MaleIconName = ref("gender-male")
	// 女生图标
	let FemaleIconName = ref("gender-female")
</script>

<style scoped>
	.user-gender-icon {
		margin-right: 6rpx;
	}
</style>